const { defineConfig } = require('@vue/cli-service')
const path = require('path')
module.exports = defineConfig({
  transpileDependencies: true,
  devServer: {
    host: 'localhost',
    port: 3000,
    proxy: {
      // 反向代理
      // 所有请求必须 以 /api 才会触发 当前这个反向代理
      '/api': {
        // 代理的源
        target: 'https://console-mock.apipost.cn/app/mock/project/ce3720e7-13e0-483a-8683-4c0ca57d814c',
        // 是否切换源
        changeOrigin: true,
        // 路径重写
        pathRewrite: {
          '^/api': '/api'
        }
      }
      /*
        代理服务器 发的请求真实地址
          应该是 target+路径重写的值+请求path
          axios.get('/conner/a/b/c')
          https://api.it120.cc/conner/a/b/c
      */
    }
  },
  lintOnSave: false,
  chainWebpack: (config) => {
    // 修改文件引入自定义路径
    config.resolve.alias
      .set('@', path.join(__dirname, 'src'))
      .set('_assets', path.join(__dirname, 'src/assets'))
      .set('_api', path.join(__dirname, 'src/api'))
      .set('_components', path.join(__dirname, 'src/components'))
      .set('_utils', path.join(__dirname, 'src/utils'))
      .set('_views', path.join(__dirname, 'src/views'))
  }
})
